.ui-vue-audioplayer-container{height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ui-vue-audioplayer-controls-container{width:38px;height:38px;min-width:38px;max-width:38px}.ui-vue-audioplayer-control{height:38px;width:38px;display:block;margin:0;padding:0;border:0;border-radius:50%;-webkit-transition:250ms linear background-color;-o-transition:250ms linear background-color;transition:250ms linear background-color;background-repeat:no-repeat;background-position:center;-webkit-tap-highlight-color:transparent;outline:0}.ui-vue-audioplayer-control{background-color:#5dbeec}.ui-vue-audioplayer-container-mobile .ui-vue-audioplayer-control,.ui-vue-audioplayer-container-mobile .ui-vue-audioplayer-control:active,.ui-vue-audioplayer-container-mobile .ui-vue-audioplayer-control:hover{background-color:#5dbeec !important}.ui-vue-audioplayer-container-dark .ui-vue-audioplayer-control{background-color:#5cace1}.ui-vue-audioplayer-container-mobile.ui-vue-audioplayer-container-dark .ui-vue-audioplayer-control,.ui-vue-audioplayer-container-mobile.ui-vue-audioplayer-container-dark .ui-vue-audioplayer-control:active,.ui-vue-audioplayer-container-mobile.ui-vue-audioplayer-container-dark .ui-vue-audioplayer-control:hover{background-color:#5cace1 !important;}

.ui-vue-audioplayer-control-play {
	background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2216%22%20viewBox%3D%220%200%2012%2016%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M26.6485373%2C18.2488193%20L16.2539289%2C11.1423292%20C16.0088457%2C10.9724211%2015.6895249%2C10.9531834%2015.4258159%2C11.092439%20C15.1621069%2C11.2316946%2014.9979288%2C11.5062513%2015.0000434%2C11.8044628%20L15.0000434%2C26.0167597%20C14.9969364%2C26.315402%2015.1609667%2C26.5907459%2015.4250644%2C26.7302067%20C15.689162%2C26.8696675%2016.0090495%2C26.8498639%2016.2539289%2C26.6788933%20L26.6485373%2C19.5724031%20C26.8683107%2C19.4238487%2027%2C19.1758823%2027%2C18.9106112%20C27%2C18.6453401%2026.8683107%2C18.3973738%2026.6485373%2C18.2488193%20L26.6485373%2C18.2488193%20Z%22%20transform%3D%22translate%28-15%20-11%29%22/%3E%0A%3C/svg%3E%0A); background-position:calc(50% + 2px) 50%;cursor:pointer;}

.ui-vue-audioplayer-control-pause {
	background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%220%200%2010%2012%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21%2C13%20L24%2C13%20L24%2C25%20L21%2C25%20L21%2C13%20Z%20M14%2C13%20L17%2C13%20L17%2C25%20L14%2C25%20L14%2C13%20Z%22%20transform%3D%22translate%28-14%20-13%29%22/%3E%0A%3C/svg%3E%0A); cursor:pointer}.ui-vue-audioplayer-control-play:hover,.ui-vue-audioplayer-control-pause:hover{background-color:#3eddff}.ui-vue-audioplayer-control-play:active,.ui-vue-audioplayer-control-pause:active{background-color:#12b1e3;}

.ui-vue-audioplayer-control-loader {
	background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.25347735%2C0.131844352%20L9.25347735%2C1.65344535%20C9.1693359%2C1.65059411%209.08483578%2C1.64915697%209%2C1.64915697%20C4.9402415%2C1.64915697%201.64915697%2C4.9402415%201.64915697%2C9%20C1.64915697%2C13.0597585%204.9402415%2C16.350843%209%2C16.350843%20C13.0597585%2C16.350843%2016.350843%2C13.0597585%2016.350843%2C9%20C16.350843%2C8.91516422%2016.3494059%2C8.8306641%2016.3465546%2C8.74652265%20L17.8681556%2C8.74652265%20C17.870518%2C8.83072687%2017.8717071%2C8.91522457%2017.8717071%2C9%20C17.8717071%2C13.8997085%2013.8997085%2C17.8717071%209%2C17.8717071%20C4.10029146%2C17.8717071%200.128292901%2C13.8997085%200.128292901%2C9%20C0.128292901%2C4.10029146%204.10029146%2C0.128292901%209%2C0.128292901%20C9.08477543%2C0.128292901%209.16927313%2C0.129481974%209.25347735%2C0.131844352%20Z%22%20opacity%3D%22.6%22/%3E%0A%3C/svg%3E%0A); -webkit-animation:vueAudioPlayerControlLoader 1s infinite linear;animation:vueAudioPlayerControlLoader 1s infinite linear;cursor:wait}@-webkit-keyframes vueAudioPlayerControlLoader{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes vueAudioPlayerControlLoader{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui-vue-audioplayer-timeline-container{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:10px;height:26px;position:relative}.ui-vue-audioplayer-track-container{position:absolute;left:9px;top:4px;right:8px;height:26px;outline:0;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.ui-vue-audioplayer-track-container>*{cursor:pointer}.ui-vue-audioplayer-track-mask{height:26px;position:absolute;z-index:1;top:0;left:0;width:100%;	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22188%22%20height%3D%2223%22%20viewBox%3D%220%200%20188%2023%22%3E%0A%20%20%3Cg%20fill%3D%22%23A1E9FF%22%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22184%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22180%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22176%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22172%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22168%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22164%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22160%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22156%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22152%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22148%2015%20150%2015%20150%2023%20148%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22144%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22140%2014%20142%2014%20142%2023%20140%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22136%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22132%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22128%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22124%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%22120%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22116%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22112%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22108%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22104%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22100%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2296%2015%2098%2015%2098%2023%2096%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2292%2014%2094%2014%2094%2023%2092%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2288%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2284%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2280%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%223%22%20x%3D%2276%22%20y%3D%2220%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2272%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2220%22%20x%3D%2268%22%20y%3D%223%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%226%22%20x%3D%2264%22%20y%3D%2217%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2260%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2256%2015%2058%2015%2058%2023%2056%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2252%2014%2054%2014%2054%2023%2052%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2248%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2244%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2240%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%2236%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2232%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%2228%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%2224%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2223%22%20x%3D%2220%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2216%2015%2018%2015%2018%2023%2016%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2212%2014%2014%2014%2014%2023%2012%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%228%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%224%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20y%3D%2219%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A) repeat-x -16px 0; color:#88d0f0;}

.ui-vue-audioplayer-container-dark .ui-vue-audioplayer-track-mask {
	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22188%22%20height%3D%2223%22%20viewBox%3D%220%200%20188%2023%22%3E%0A%20%20%3Cg%20fill%3D%22%2388D0F0%22%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22184%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22180%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22176%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22172%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22168%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22164%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22160%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22156%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22152%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22148%2015%20150%2015%20150%2023%20148%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22144%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22140%2014%20142%2014%20142%2023%20140%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22136%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22132%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22128%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22124%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%22120%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22116%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22112%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22108%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22104%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22100%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2296%2015%2098%2015%2098%2023%2096%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2292%2014%2094%2014%2094%2023%2092%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2288%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2284%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2280%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%223%22%20x%3D%2276%22%20y%3D%2220%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2272%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2220%22%20x%3D%2268%22%20y%3D%223%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%226%22%20x%3D%2264%22%20y%3D%2217%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2260%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2256%2015%2058%2015%2058%2023%2056%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2252%2014%2054%2014%2054%2023%2052%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2248%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2244%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2240%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%2236%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2232%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%2228%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%2224%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2223%22%20x%3D%2220%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2216%2015%2018%2015%2018%2023%2016%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2212%2014%2014%2014%2014%2023%2012%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%228%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%224%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20y%3D%2219%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A) repeat-x -16px 0;}.ui-vue-audioplayer-track{position:absolute;height:26px;z-index:2;top:0;left:0;	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22188%22%20height%3D%2223%22%20viewBox%3D%220%200%20188%2023%22%3E%0A%20%20%3Cg%20fill%3D%22%235DBEEC%22%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22184%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22180%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22176%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22172%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22168%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22164%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22160%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22156%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22152%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22148%2015%20150%2015%20150%2023%20148%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22144%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22140%2014%20142%2014%20142%2023%20140%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22136%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22132%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22128%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22124%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%22120%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22116%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22112%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22108%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22104%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22100%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2296%2015%2098%2015%2098%2023%2096%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2292%2014%2094%2014%2094%2023%2092%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2288%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2284%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2280%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%223%22%20x%3D%2276%22%20y%3D%2220%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2272%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2220%22%20x%3D%2268%22%20y%3D%223%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%226%22%20x%3D%2264%22%20y%3D%2217%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2260%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2256%2015%2058%2015%2058%2023%2056%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2252%2014%2054%2014%2054%2023%2052%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2248%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2244%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2240%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%2236%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2232%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%2228%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%2224%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2223%22%20x%3D%2220%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2216%2015%2018%2015%2018%2023%2016%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2212%2014%2014%2014%2014%2023%2012%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%228%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%224%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20y%3D%2219%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A) repeat-x -16px 0; }

.ui-vue-audioplayer-container-dark .ui-vue-audioplayer-track {
	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22188%22%20height%3D%2223%22%20viewBox%3D%220%200%20188%2023%22%3E%0A%20%20%3Cg%20fill%3D%22%235cace1%22%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22184%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22180%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22176%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22172%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22168%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22164%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22160%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22156%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22152%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22148%2015%20150%2015%20150%2023%20148%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22144%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22140%2014%20142%2014%20142%2023%20140%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22136%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%22132%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%22128%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%22124%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%22120%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22116%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%22112%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%22108%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221%22%20x%3D%22104%22%20y%3D%2222%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%22100%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2296%2015%2098%2015%2098%2023%2096%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2292%2014%2094%2014%2094%2023%2092%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2288%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2284%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2280%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%223%22%20x%3D%2276%22%20y%3D%2220%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2272%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2220%22%20x%3D%2268%22%20y%3D%223%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%226%22%20x%3D%2264%22%20y%3D%2217%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2260%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2256%2015%2058%2015%2058%2023%2056%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2252%2014%2054%2014%2054%2023%2052%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%2248%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%2244%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20x%3D%2240%22%20y%3D%2219%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2210%22%20x%3D%2236%22%20y%3D%2213%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2213%22%20x%3D%2232%22%20y%3D%2210%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%228%22%20x%3D%2228%22%20y%3D%2215%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2215%22%20x%3D%2224%22%20y%3D%228%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2223%22%20x%3D%2220%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2216%2015%2018%2015%2018%2023%2016%2023%22/%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2212%2014%2014%2014%2014%2023%2012%2023%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%225%22%20x%3D%228%22%20y%3D%2218%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%2211%22%20x%3D%224%22%20y%3D%2212%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%224%22%20y%3D%2219%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A) repeat-x -16px 0;}.ui-vue-audioplayer-track-seek{height:26px;position:absolute;z-index:3;top:0;border:2px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:-2.5px;background:#333;background-clip:padding-box;width:5px;opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.ui-vue-audioplayer-track-container:hover .ui-vue-audioplayer-track-seek{opacity:1}.ui-vue-audioplayer-track-event{height:26px;position:absolute;z-index:4;top:0;left:0;width:100%}.ui-vue-audioplayer-timers-container{font:10px/12px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400);color:rgba(130,139,149,0.7)}.ui-vue-audioplayer-time-current{position:absolute;left:9px;top:28px}.ui-vue-audioplayer-time-total{position:absolute;right:9px;top:28px}.ui-vue-audioplayer-source{display:none}